@media screen and (min-width: 1080px) {
  

    /***** Structure *****/
    #videoArsen {
        position: relative;
    }
    #videoArsen {
        display: grid;
        grid-template-columns: 65% auto;
        align-items: center;
        justify-items: center;
    }
    #videoArsen {
        padding: 100px 50px;
    }
    #videoArsen {
        background-color: #000;
    }

    /***** Video *****/
    #videoArsen video {
        position: relative;
    }
    #videoArsen video {
        width: 100%;
        height: auto;
    }

    /***** Details *****/
    #videoArsenDetails {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 20px;
    }
    #videoArsenDetails {
        padding: 10%;
    }
    #videoArsenDetails h4 {
        font-family: 'content-font';
        font-size: 10px;
        text-transform: uppercase;
        text-shadow: 0 0 5px #00000050;
        letter-spacing: 2px;
        color: #fff;
    }
    #videoArsenDetails div {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    #videoArsenDetails div h2 {
        font-family: 'title-font';
        font-size: 5em;
        text-transform: uppercase;
        text-shadow: 0 0 5px #00000050;
        letter-spacing: 2px;
        line-height: 0.75em;
        color: #fff;
    }
    #videoArsenDetails div h2 span {
        color: var(--secondary);
    }
    #videoArsenDetails p {
        max-width: 90%;
    }
    #videoArsenDetails p {
        font-family: 'content-font';
        font-size: 16px;
        text-shadow: 0 0 5px #00000050;
        line-height: 26px;
        color: #fff;
    }
    #videoArsenDetails p b {
        font-family: 'bold-font';
    }

    /***** Gradient *****/
    #videoArsenGradient {
        position: absolute;
    }
    #videoArsenGradient {
        width: 100%;
        height: 100%;
    }
    #videoArsenGradient {
        background: #000;
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.8) 60%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
    }

    /***** Image *****/
    #videoArsen img {
        position: absolute;
        right: 0;
    }
    #videoArsen img {
        width: auto;
        height: 100%;
    }
    #videoArsen img {
        object-fit: cover;
        object-position: center;
    }
    #videoArsen img {
        opacity: 0.35;
    }

    /***** z-index *****/
    #videoArsen img {
        z-index: 1;
    }
    #videoArsenGradient {
        z-index: 2;
    }
    #videoArsen video {
        z-index: 3;
    }
    #videoArsenDetails {
        z-index: 4;
    }
   

}